<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
	<meta equiv="Content-type" content="text/html; charset=utf8" />
	
	<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
	<script type="text/javascript" src="js/jquery.flydom-3.1.1.js"></script>
	<link type="text/css" href="css/ui-lightness/jquery-ui-1.7.2.custom.css" rel="Stylesheet" />
	
	<link type="text/css" href="css/database-diagram-0.1.css" rel="Stylesheet" />
	<script type="text/javascript" src="js/database-diagram-parser-0.1.js"></script>
	<script type="text/javascript" src="js/database-diagram-graph-0.1.js"></script>
	<script type="text/javascript" src="js/database-diagram-storage-0.1.js"></script>
	<script type="text/javascript" src="js/database-diagram-0.1.js"></script>
	
<script type="text/javascript">

function go()
{
	dbd($("#sql").val());
}

</script>
</head>
<body>

<canvas id="canvas"></canvas>

<div style="padding-top: 640px;">
	<table>
		<tr>
			<td style="width:380px; padding:0 30px 0 0;">
				<h2>What to do:</h2>
				<p>
				<ul>
				<li>Find your database and export as SQL dump. Structure only.
				<li>Trim the SQL to only show tables you are interested in.
				<li>Paste this SQL into the box
				<li>Click "moo!"
				</ul>
				</p>
			</td>
			<td>
				<textarea id="sql"></textarea>
				<br>
				<input type="button" onclick="go()" value="moo!">
			</td>
		</tr>
	</table>
	<h2>Help</h2>
	<p>
		Database-diagram <a href="http://code.google.com/p/database-diagram/wiki/Introduction">wiki</a>.
	</p>
	<h2>Tests</h2>
	<p>
		<ul>
			<li><a href="test-MySQL-InnoDB.html">MySQL-InnoDB</a>
			<li><a href="test-MySQL-MyISAM.html">MySQL-MyISAM</a>
		</ul>
	</p>
</div>

</body>
</html>